import React, { useEffect } from 'react';
import '../sass/Top.scss'
import { useNavigate } from 'react-router-dom';
const Total_data = () => {
    const navigate = useNavigate()

    var fang = () => {
        navigate('/index/Fankeshu')
    }
    var dan = () => {
        navigate('')
    }
    return (
        <div id='box'>
            <div id='T1s' onClick={() => { fang() }}>
                <div id='T1_1'>
                    <p>1,648</p>
                    <span>今日访客数</span>
                </div>
                <img src="https://img.axureshop.com/7a/4a/a8/7a4aa826e79b40d086fba67fb100e0f9/images/1%E9%A6%96%E9%A1%B5/u104.png" alt="" />
            </div>
            <div id='T2s' onClick={() => { dan() }}>
                <div id='T2_2'>
                    <p>648</p>
                    <span>今日订单量</span>
                </div>
                <img src="https://img.axureshop.com/7a/4a/a8/7a4aa826e79b40d086fba67fb100e0f9/images/1%E9%A6%96%E9%A1%B5/u99.png" alt="" />
            </div>
            <div id='T3s'>
                <div id='T3_3'>
                    <p>48</p>
                    <span>今日退货量</span>
                </div>
                <img src="https://img.axureshop.com/7a/4a/a8/7a4aa826e79b40d086fba67fb100e0f9/images/1%E9%A6%96%E9%A1%B5/u94.png" alt="" />
            </div>
            <div id='T4s'>
                <div id='T4_4'>
                    <p>￥21,648</p>
                    <span>今日订单收入</span>
                </div>
                <img src="https://img.axureshop.com/7a/4a/a8/7a4aa826e79b40d086fba67fb100e0f9/images/1%E9%A6%96%E9%A1%B5/u89.png" alt="" />
            </div>
        </div>
    );
};

export default Total_data;